iT邦幫忙

2023 iThome 鐵人賽

DAY 18
0
Vue.js

重新認識 Vue.js系列 第 18

重新認識 Vue.js Day18: Vue2 到 Vue3

  • 分享至 

  • xImage
  •  

在 Vue2 當中,雖然說是漸進式框架,然而在一開始的 Vue 本體就已經包含了許多東西了,針對這問題 Vue3 有將基本的本體進行更多的簡化,達成是一個最小核心。

並且在資料宣告的過程,除了以前的 Object API 的撰寫模式,我們多了一個 composition API 可以做選擇,composition API 讓我們將同樣的業務邏輯內容可以併在一起寫,不像是 Object API 根據性質拆。

//composition API
export default {
    setup(){
        let data = ref('');
        let getData = async function(){
            await api.getData();
        }
        return {
            data,
            getData
        }
    }
}
//Object API
export default {
    data(){
        return {
            data: ''
        }
    },
    methods: {
        async getData(){
            await api.getData();
        }
    }
}

並且 Vue3 的資料數據綁定,從 defineProperty 變成 proxy 模式,對於深層的資料監控更加地順利了

今天主要是做一個導讀的動作,後續的內容讓我們接下來的日子一一介紹吧


上一篇
重新認識 Vue.js Day17: 動態組件與具名插槽
下一篇
重新認識 Vue.js Day19: Vite
系列文
重新認識 Vue.js30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言